* {
	margin: 0;
	padding: 0;
	font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
}
input {
	width: 20px;
}
table{
	white-space: nowrap;
}
table td{
	width: 30px;
	height: 30px;
	line-height: 27px;
	cursor: pointer;
	box-sizing: border-box;
	border-top: 2px solid #ddd;
	border-left: 2px solid #ddd;
	border-right: 2px solid #666;
	border-bottom: 2px solid #666;
	text-align: center;
	vertical-align: middle;
	background-color: #aaa;
	display: inline-block;
	-webkit-user-select: none;
	user-select: none;
}

/* 踩过的格子 */
.tread, table td:active{
	line-height: 29px;
	border: 1px solid #aaa;
	background-color: #fff;
}

/* 周围地雷数量文字颜色 */
.level1{
	color: #1f6ed1;
}
.level2{
	color: #42d05a;
}
.level3{
	color: #f0ad4e;
}
.level4{
	color: #FA5856;
}
.level5{
	color: #ff0000;
}
.level6{
	color: #f00;
	font-weight: bold;
}
.level7, .level8, .level9{
	color: #f00;
	font-weight: bolder;
}

.bomb, .clear{
	font-family: 'icomoon';
}
/* 失败 */
.bomb, .clear{
	color: #fff;
	background-color: #c00;
}
.bomb:after{
	content: '\e900';
}

/* 胜利 */
.clear{
	background-color: #42d05a;
}
.clear:after{
	content: '\e901';
}

/* 右键标记有地雷 */
.marked{
	position: relative;
}
.marked:before{
	content: '';
	font-size: 20px;
	position: absolute;
	top: 3px;
	left: 12px;
	width: 1px;
	height: 20px;
	background-color: #ccc;
}
.marked:after{
	content: '';
	position: absolute;
	top: 4px;
	left: 13px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-left: 10px solid #c00;
}


.container{
	padding: 20px;
}
.text-center{
	text-align: center;
}